﻿@{
    ViewBag.Title = "Bildirimler";
    Layout = "~/Views/Shared/masterLayout.cshtml";
}

@section headerPlaceHolder{

<link rel="stylesheet" href="../../Content/css/style.default.css" type="text/css" />
<link rel="stylesheet" href="../../Content/css/datepicker.css" type="text/css" />
<link rel="stylesheet" href="../../Content/css/bootstrap-multiselect.css" type="text/css">
<link rel="stylesheet" href="../../Content/css/prettify.css" type="text/css">
<link rel="stylesheet" href="~/Content/css/bootstrap-timepicker.min.css" type="text/css">

<script type="text/javascript" src="../../Content/js/jquery-2.0.3.min.js"></script>
<script type="text/javascript" src="../../Content/js/bootstrap-3.0.0.min.js"></script>
<script type="text/javascript" src="../../Content/js/bootstrap-switch.js"></script>
<script type="text/javascript" src="../../Content/js/bootstrap-datepicker.js"></script>
<script type="text/javascript" src="~/Content/js/bootstrap-timepicker.min.js"></script>
    <script type="text/javascript" src="~/Content/js/bootstrap-maxlength.min.js"></script>
<script type="text/javascript" src="../../Content/js/bootstrap-multiselect.js"></script>
<script type="text/javascript" src="../../Content/js/prettify.js"></script>
<script type="text/javascript" src="../../Content/js/charCount.js"></script>
<script type="text/javascript" src="../../Content/js/jquery.cookie.js"></script>
<script type="text/javascript" src="../../Content/js/custom.js"></script>



}

@section mainHeaderPlaceHolder{

   <div class="pageheader">
            <form action="results.html" method="post" class="searchbar">
                <input type="text" name="keyword" placeholder="To search type and hit enter..." />
            </form>
            <div class="pageicon"><span class="iconfa-bullhorn"></span></div>
            <div class="pagetitle">
                <h1>Bildirimler</h1>
            </div>
        </div><!--pageheader-->


}

@section mainPlaceHolder{

   
    <div class="row-fluid">
                    <div class="span9">
                       
                        <div class="widgetbox personal-information">
                            <h4 class="widgettitle">Yeni Bildirim Oluşturun<a class="close">&times;</a> <a class="minimize">&#8211;</a></h4>
                            <div class="widgetcontent">
                                

								
<form class="form-horizontal">
<fieldset>
<!-- Text input-->
<div class="control-group">
  <label class="control-label" for="bildirimBaslik">Başlık</label>
  <div class="controls">
    <input id="bildirimBaslik" name="bildirimBaslik" type="text" placeholder="Başlık Metnini Giriniz..." class="input-xlarge" required="">
    
  </div>
</div>

<!-- Textarea -->
<div class="control-group">
  <label class="control-label" for="bildirimIcerik">İçerik</label>
  <div class="controls">                     
    
                           <span class="field">
                                <textarea cols="80" rows="5" id="bildirimIcerik" style="width:300px" class="span5" maxlength="255"></textarea>
                            </span> 
      <script type="text/javascript">

          $('textarea#bildirimIcerik').maxlength({
              alwaysShow: true
          });

      </script>
      
</div>

<!-- Button Drop Down -->
<div class="control-group"  style="margin-top:25px">
  <label class="control-label" for="bildirimKategori">Kategori</label>
  <div class="controls">
    <div class="input-append">
      <input id="bildirimKategori" name="bildirimKategori" class="input-large" placeholder="" type="text" required="">
      <div class="btn-group">
        <button class="btn dropdown-toggle" data-toggle="dropdown">
          Menü
          <span class="caret"></span>
        </button>
        <ul class="dropdown-menu">
          <li><a href="#">Bildirim</a></li>
          <li><a href="#">Duyuru</a></li>
          <li><a href="#">Kampanya</a></li>
          <li><a href="#">Etkinlik</a></li>
        </ul>
      </div>
    </div>
  </div>
</div>

<!-- Button Drop Down -->
<div class="control-group">
  <label class="control-label" for="bildirimSektör">Sektör</label>
  <div class="controls">
    <div class="input-append">
      <input id="bildirimSektör" name="bildirimSektör" class="input-large" placeholder="" type="text" required="">
      <div class="btn-group">
        <button class="btn dropdown-toggle" data-toggle="dropdown">
          Menü
          <span class="caret"></span>
        </button>
        <ul class="dropdown-menu">
          <li><a href="#">Option one</a></li>
          <li><a href="#">Option two</a></li>
          <li><a href="#">Option three</a></li>
        </ul>
      </div>
    </div>
  </div>
</div>

<div class="control-group">
  <label class="control-label" for="bildirCinsiyet">Cinsiyet</label>
 <div class="controls">
<div class="span4">
<div class="make-switch switch-medium" data-text-label="BAY" data-on-label="<i class='iconfa-ok'></i>" data-off-label="<i class='iconfa-remove'></i>">
    <input type="checkbox" checked>
</div>  
</div>
<div class="span3">      
 <div class="make-switch switch-medium" data-text-label="BAYAN" data-on-label="<i class='iconfa-ok'></i>" data-off-label="<i class='iconfa-remove'></i>">
    <input type="checkbox" checked>
</div> 
 </div>  
  </div>
</div>


<div class="control-group">
  <label class="control-label" for="bildirCinsiyet">Şehir</label>
  <div class="controls">
      <script type="text/javascript">
          $(document).ready(function () {
              window.prettyPrint() && prettyPrint();


              $('#sehirSec').multiselect({
                  includeSelectAllOption: true,
                  enableCaseInsensitiveFiltering: true
              });
          });
			</script>
			
			
						<select id="sehirSec" multiple="multiple" style="width:300px">
							<option value="lab">Lab Course</option>
							<option value="proseminar">Proseminar</option>
							<optgroup label="Mathematics">
								<option value="analysis"> Analysis</option>
								<option value="algebra"> Linear Algebra</option>
								<option value="discrete"> Discrete Mathematics</option>
								<option value="numerical"> Numerical Analysis</option>
								<option value="probability"> Probability Theory</option>
							</optgroup>
							<optgroup label="Computer Science">
								<option value="programming">Introduction to Programming</option>
								<option value="automata">Automata Theory</option>
								<option value="complexity">Complexity Theory</option>
								<option value="software">Software Engineering</option>
							</optgroup>
						</select>

  
</div>
</div>

<div class="control-group">
  <label class="control-label" for="bildirCinsiyet">Tarih-Saat</label>
  <div class="controls">
  

     <div class="input-append date">
                <input type="text" class="span6"  name="Date" id="dateTime"><span class="add-on"><i class="iconsweets-day"></i></span>
             
     </div>


      <div class="input-append bootstrap-timepicker">
            <input id="timepicker1" type="text" class="span5">
            <span class="add-on"><i class="iconsweets-clock"></i></span>
        </div>
 
        <script type="text/javascript">
            $('#timepicker1').timepicker();
        </script>
      
       

         
                     
         
</div>
</div>

<div class="control-group">
  <label class="control-label" for="bildirCinsiyet">Yaş Aralığı</label>
  <div class="controls">
  
  
</div>
</div>


<!-- Button (Double) -->
<div class="control-group">
  <label class="control-label" for="button1id"></label>
  <div class="controls">
    <button id="button1id" name="button1id" class="btn btn-primary">Yayınla</button>
    <button id="button2id" name="button2id" class="btn btn-danger">Vazgeç</button>
  </div>
</div>



</fieldset>
</form>                                
                                   
                               <a class="btn btn-primary" href="#myModal" data-toggle="modal">Yayınla</a> 
                                
                            </div>
                        </div>
                        
                       <div class="widgetbox">                        
                        <div class="headtitle">
                            <div class="btn-group">
                                <button data-toggle="dropdown" class="btn dropdown-toggle"><i class="iconfa-th-large"></i> &nbsp;Menüler<span class="caret"></span></button>
                                <ul class="dropdown-menu">
                                  <li><a href="#"><i class="iconfa-bullhorn"></i> &nbsp;Bildirimler</a></li>
                                  <li><a href="#"><i class="iconfa-bookmark"></i> &nbsp;Duyurular</a></li>
                                  <li><a href="#"><i class="iconfa-plus"></i> &nbsp;Etkinlikler</a></li>
                                  <li><a href="#"><i class="iconfa-star"></i> &nbsp;Kampanyalar</a></li>
                                  <li class="divider"></li>
                                  <li><a href="#"><i class="iconfa-briefcase"></i> &nbsp;Hepsi</a></li>
                                </ul>
                            </div>
                            <h4 class="widgettitle">Geçmiş Bildirimler</h4>
                        </div>
                        <div class="widgetcontent">
                            

                            <ul class="commentlist">
                                <li>
                                    
                                    <img src="../../Content/images/photos/thumb2.png" alt="" class="pull-left" />
                                    <div class="comment-info">
                                        <div class="commentDiv">
                                            <div class="commentDivIcerik">
                                                <label class="label">Kampanya</label>
                                            </div>
                                            <div class="commentDivIcerik">
                                                 <a href="" class="btn btn-primary btn-small" style="width:30px"><span class="iconfa-thumbs-up icon-white"></span><span class="count">18</span></a>
                                            </div>
                                            <div class="commentDivIcerik">
                                                  <a href="" class="btn btn-danger btn-small" style="width:30px"><span class="iconfa-thumbs-down icon-white"></span><span class="count">18</span></a>
                                            </div>
                                            
                                          
                                        </div>
                                        <div style="height:150px;">
                                        <h4><a href="">Asus Laptoplarda %10 İndirim !</a></h4>
                                        <small>Tarih-Saat : 22.11.2013 - 11:00</small>
                   
                                        <p>Vatan Bilgisayarda Bu Hafta Sonuna Özel Asus Laptoplarda %10 İndirim Var. Kampanyaya katılım koşulu bulunmamaktadır. Ürünlerimiz Stoklarla Sınırlıdır. Kampanya geçerlilik
                                            tarihi 30 Kasım 2013 olup herhangi bir şekilde uzatılması söz konusu değildir.
                                        </p>
                                        
                                        </div>
                                    </div>
                                </li>
                                 <li>
                                    
                                    <img src="../../Content/images/photos/thumb2.png" alt="" class="pull-left" />
                                    <div class="comment-info">
                                        <div class="commentDiv">
                                            <div class="commentDivIcerik">
                                                <label class="label">Kampanya</label>
                                            </div>
                                            <div class="commentDivIcerik">
                                                 <a href="" class="btn btn-primary btn-small" style="width:30px"><span class="iconfa-thumbs-up icon-white"></span><span class="count">18</span></a>
                                            </div>
                                            <div class="commentDivIcerik">
                                                  <a href="" class="btn btn-danger btn-small" style="width:30px"><span class="iconfa-thumbs-down icon-white"></span><span class="count">18</span></a>
                                            </div>
                                            
                                          
                                        </div>
                                        <div style="height:150px;">
                                        <h4><a href="">Asus Laptoplarda %10 İndirim !</a></h4>
                                        <small>Tarih-Saat : 22.11.2013 - 11:00</small>
                   
                                        <p>Vatan Bilgisayarda Bu Hafta Sonuna Özel Asus Laptoplarda %10 İndirim Var. Kampanyaya katılım koşulu bulunmamaktadır. Ürünlerimiz Stoklarla Sınırlıdır. Kampanya geçerlilik
                                            tarihi 30 Kasım 2013 olup herhangi bir şekilde uzatılması söz konusu değildir.
                                        </p>
                                        
                                        </div>
                                    </div>
                                </li>
                                 <li>
                                    
                                    <img src="../../Content/images/photos/thumb2.png" alt="" class="pull-left" />
                                    <div class="comment-info">
                                        <div class="commentDiv">
                                            <div class="commentDivIcerik">
                                                <label class="label">Kampanya</label>
                                            </div>
                                            <div class="commentDivIcerik">
                                                 <a href="" class="btn btn-primary btn-small" style="width:30px"><span class="iconfa-thumbs-up icon-white"></span><span class="count">18</span></a>
                                            </div>
                                            <div class="commentDivIcerik">
                                                  <a href="" class="btn btn-danger btn-small" style="width:30px"><span class="iconfa-thumbs-down icon-white"></span><span class="count">18</span></a>
                                            </div>
                                            
                                          
                                        </div>
                                        <div style="height:150px;">
                                        <h4><a href="">Asus Laptoplarda %10 İndirim !</a></h4>
                                        <small>Tarih-Saat : 22.11.2013 - 11:00</small>
                   
                                        <p>Vatan Bilgisayarda Bu Hafta Sonuna Özel Asus Laptoplarda %10 İndirim Var. Kampanyaya katılım koşulu bulunmamaktadır. Ürünlerimiz Stoklarla Sınırlıdır. Kampanya geçerlilik
                                            tarihi 30 Kasım 2013 olup herhangi bir şekilde uzatılması söz konusu değildir.
                                        </p>
                                        
                                        </div>
                                    </div>
                                </li>
                                <li><a href="">View More Comments</a></li>
                            </ul>
                        </div>

                        </div><!--widgetbox-->
						 
                                               
                    </div><!--span6-->
                    
                    <div class="span3">
                        
                            
                        <div class="widgetbox">
                            <h4 class="widgettitle">Widget Box <a class="close">&times;</a> <a class="minimize">&#8211;</a></h4>
                            <div class="widgetcontent">
                                Reklam ve Bilgilendirme Alanı
                            </div>
                        </div>
                        
						<div class="widgetbox">
                            <h4 class="widgettitle">Widget Box <a class="close">&times;</a> <a class="minimize">&#8211;</a></h4>
                            <div class="widgetcontent">
                                Reklam ve Bilgilendirme Alanı
                            </div>
                        </div>
                        
						<div class="widgetbox">
                            <h4 class="widgettitle">Widget Box <a class="close">&times;</a> <a class="minimize">&#8211;</a></h4>
                            <div class="widgetcontent">
                                Reklam ve Bilgilendirme Alanı
                            </div>
                        </div>   
                        
						<div class="widgetbox">
                            <h4 class="widgettitle">Widget Box <a class="close">&times;</a> <a class="minimize">&#8211;</a></h4>
                            <div class="widgetcontent">
                                Reklam ve Bilgilendirme Alanı
                            </div>
                        </div>                              
                                  
                    </div><!--span6-->
                    
                    
                </div>

  

}

@section footerPlaceHolder{

     <div aria-hidden="false" aria-labelledby="myModalLabel" role="dialog" tabindex="-1" class="modal hide fade in" id="myModal">
    <div class="modal-header">
        <button aria-hidden="true" data-dismiss="modal" class="close" type="button">&times;</button>
        <h3 id="myModalLabel">Modal Heading</h3>
    </div>
    <div class="modal-body">
        <h4>Text in a modal</h4>
        <p>Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem.</p>
        <p>Aenean lacinia bibendum nulla sed consectetur. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec sed odio dui. Donec ullamcorper nulla non metus auctor fringilla.</p>
    </div>
    <div class="modal-footer">
        <button data-dismiss="modal" class="btn">Close</button>
        <button class="btn btn-primary">Save changes</button>
    </div>
</div><!--#myModal-->


    

  <script type="text/javascript">
      var config = {
          '.chosen-select': {},
          '.chosen-select-deselect': { allow_single_deselect: true },
          '.chosen-select-no-single': { disable_search_threshold: 10 },
          '.chosen-select-no-results': { no_results_text: 'Oops, nothing found!' },
          '.chosen-select-width': { width: "95%" }
      }
      for (var selector in config) {
          $(selector).chosen(config[selector]);
      }
  </script>


    <script type="text/javascript">
        jQuery(document).ready(function () {

            //Replaces data-rel attribute to rel.
            //We use data-rel because of w3c validation issue
            jQuery('a[data-rel]').each(function () {
                jQuery(this).attr('rel', jQuery(this).data('rel'));
            });

            // tooltip sample
            if (jQuery('.tooltipsample').length > 0)
                jQuery('.tooltipsample').tooltip({ selector: "a[rel=tooltip]" });

            jQuery('.popoversample').popover({ selector: 'a[rel=popover]', trigger: 'hover' });

        });
</script>

      <script type="text/javascript">
          $('#dateTime').datepicker({
              language: 'tr',
              autoclose: true

          });

    </script>    


}
